body{font-size:12px; font-family:"Microsoft YaHei"; background: #fbfbfb; color:#676a6c; height:100%; background-attachment:fixed;}
ul,*,li,img{padding:0px; margin:0px; }
a{color:#000; text-decoration:none;}
a:hover{text-decoration:underline; color:#DE0003;}
ul,li{list-style:none; text-decoration:none; }
a img,img{border:none;}
.clear{clear:both; line-height:0px; height:0px;}
.clearfix:after{clear:both;display: block; content: "..."; visibility: hidden; height: 0; font-size: 0;}
.clearfix{*zoom:1;}
em{font-style:normal;}
table{border-collapse:collapse; margin:0px auto;}
tbody{display:table-row-group; vertical-align:middle; border-color:inherit;}
tr{display:table-row; vertical-align:inherit; border-color:inherit;}
td,th{display:table-cell; vertical-align:inherit;}
input{vertical-align:middle;}
html{height: 100%;}

.wrap{width: 960px; height: 700px!important; overflow: hidden; background: #F2F2F2; position: relative!important; border: 1px solid #DDDDDD; margin: 0 auto;}
/*登录*/
.bagimg{width: 100%; height: 100%; position: absolute; z-index: 1; overflow: hidden; top: 0;}
.bagimg img{width: 100%; height: 100%;}
.login_conbox{position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: table; text-align: center; z-index: 2;}
.login_content{display: table-cell; vertical-align: middle; text-align: center; width: 545px;}
.login_con{width: 450px; border-radius: 5px; overflow: hidden; min-height: 100px; margin: auto; background: #FFF; position: relative;}
.log_header{height: 125px; background: #3285FF; border-bottom: 2px solid #f5f5f5; font-size: 24px; color: #FFFFFF; padding-top: 40px;}
.log_logo{height: 60px; margin-bottom: 5px;}
.log_logo img{height: 100%; width: auto;}
.log_body{width: 386px; margin: 0 auto; padding: 20px 0 50px;}
.log_body .layui-input{height: 50px; line-height: 50px; font-size: 18px; *font-size: 21px; border: 0;}
.log_body .layui-form-item{border-bottom: 1px solid #C2C2C2;}
.log_body .layui-form-label{padding: 0 15px; width: auto!important; *width:30px!important;}
.log_body .iconfont{font-size: 30px; line-height: 50px; *width: 30px; *height: 30px; *background: url(../img/name.png) no-repeat; *margin-top: 10px; *display: block;}
.log_body .icon-mima{*background: url(../img/password.png) no-repeat;}
.log_body .layui-input-block{margin-left: 60px; *margin-left: 0px;}
.log_body .layui-btn{width: 100%; *width:91%; height: 50px; background: #3285FF; line-height: 50px; font-size: 18px; margin-top: 20px;}
.fwnum{text-align: center; padding-bottom: 60px; font-size: 18px; color: #999999;}

/*头部*/
.sy_header{text-align: center; font-size: 15px; color: #FFF; height: 100px; background: #3285FF; border-bottom: 1px solid #969696; box-shadow: 0px 2px 5px #888888; -moz-box-shadow: 0px 2px 6px #888888; /* 老的 Firefox */}
.sy_hleft{width: 73%; float: left; height: 100px;}
.sy_hright{width: 27%; float: right; height: 100px;}

.sy_logobox{width: 13.8%; float: left; height: 100px; border-right: 1px solid #3285FF;}
.sy_logo{height: 40px; padding-top: 18px;}
.sy_logo img{height: 100%; width: auto;}
.sy_hleft p{margin-top: 5px;}
.sy_nav{display: block; width: 85.8%; float: left; border-right: 1px solid #1C73FD;}
.sy_nav li{display: block; width: 16.43%; height: 100px; float: left; border-left: 1px solid #1C73FD; }
.sy_nav a{color: white; text-decoration: none; display: block; height: 100%;}
.sy_nav .iconfont{font-size: 35px; padding: 18px 0 2px; *width: 40px; *height: 37px; *padding: 0; *margin: 20px auto 0px;}
.icon-shouyintai{*background: url(../img/kuais.png) no-repeat center;}
.icon-saomashouyin{*background: url(../img/saom.png) no-repeat center;}
.icon-shangpinshouyin{*background: url(../img/shangp.png) no-repeat center;}
.icon-weibiaoti-{*background: url(../img/huiy.png) no-repeat center;}
.icon-jingyingbaobiao{*background: url(../img/baob.png) no-repeat center;}
.sy_nav li:hover,.sy_nav .active{background: #1C73FD;}

.sy_shopbox{display: table; text-align: left; padding-left: 20px; font-size: 13px;}
.sy_shopbox>div{display: table-cell; vertical-align: middle; *margin-top: 20px;}
.sy_simg{width: 59px; height: 100px; padding-right: 10px; *float: left; *padding-left: 15px;}
.sy_simg img{width: 55px; height: 55px; border: 2px solid #FFFFFF; border-radius: 5px; overflow: hidden;}
.sy_snam{padding-bottom: 5px;}
.sy_shopbox .exit{padding-top: 5px; cursor: pointer;}

.sy_bottom{background: #3285FF; text-align: center; height: 40px; line-height: 40px; color: white; font-size: 16px; position: absolute; bottom: 0; left: 0; right: 0; max-width: 960px; margin: 0 auto!important;}

/*扫码弹出框*/
.sy_tcbt{background: #43A4F5; position: relative; color: white; text-align: center; height: 50px; line-height: 50px; font-size: 20px;}
.sy_tcbt .exit{position: absolute; right: 15px; top: 0; color: white; line-height: 48px; text-decoration: none;}
.sy_tcbt .exit:hover{color: #245884;}
.sy_ewmbox{padding: 30px 0 0; text-align: center;}
.sy_ewm{width: 150px; height: 150px; border: 3px solid #43A4F5; margin: 0 auto; border-radius: 5px;}
.sy_tctip{font-size: 18px; margin-top: 20px; color: #000;}
.sy_tctip em{font-weight: bold; font-size: 25px; padding: 0 3px;}
.sy_tcbtnbox{padding: 30px 0 30px; text-align: center;}
.sy_tcbtnbox a{display: inline-block; width: 100px; text-decoration: none; background: #EEEEEE; color: #666666; border: 1px solid #DDDDDD; font-size: 15px; border-radius: 5px; height: 35px; line-height: 35px; text-align: center;}
.sy_tcbtnbox .wanc{margin-left: 20px;}
.sy_tcbtnbox a:hover{background: #43A4F5; color: white;}

/*记账弹出框*/
.sy_cgnr .iconfont{font-size: 80px; color: #50B740;}
.sy_cgnr p{font-size: 20px; padding-bottom: 10px;}

/*快速收银*/
.sy_conbox{display: table; width: 100%; padding-top: 35px;}
.sy_conbox>div{display: table-cell; vertical-align: top;}
.sy_fleft{width: 73%; *float: left; *width: 72.8%; *display: block;}
.sy_flbox{width: 98%;}
.sy_fright{width: 27%; background: white; border: 1px solid #DDDDDD; border-right: 0; *display: block; *float: right;}
.sy_fjrsy{height: 100%;}
.sy_fnumbox{background: white; border: 1px solid #DDDDDD; border-left: 0; padding: 32px 45px 20px;}
.sy_fsrkl{width: 25%; float: left; height: 70px; background: #3285FF; text-align: center; line-height: 70px; font-size: 22px; color: white; border-top-left-radius:40px; border-bottom-left-radius:40px;}
.sy_fsrkr{width: 74.6%; float: left; height: 68px; background: #F0F0F0; border: 1px solid #DDDDDD; border-top-right-radius:40px; border-bottom-right-radius:40px; overflow: hidden;} 
.sy_fsrkr input{width: 93%; color: #000000; height: 70px; border: 0; background: #F0F0F0; font-size: 25px; line-height: 70px; text-align: right;}
.sy_fyx{text-align: right; font-size: 16px; padding-top: 20px; color: #666;}
.sy_fyx a{color: #666666; margin: 0 10px;}
.sy_fyx .choice{color: #EA6007;}

.sy_fbtnbox{background: white; border: 1px solid #DDDDDD; border-left: 0; margin-top: 30px; padding: 21px 45px;}
.sy_fbtn{width: 47%; cursor: pointer; height: 70px; border-radius: 5px; color: white; font-size: 25px; border: 0; float: left;}
.orange{background: #E95F0C;}
.blue{background: #44A4F3; float: right;}

.sy_frbox{padding: 0 20px;}
.sy_frbt{border-bottom: 2px solid #23262E; text-align: center; height: 40px; line-height: 40px; font-size: 16px;}
.sy_frlist{padding: 0 7px 16px; display: block;}
.sy_frlist li{width: 46%; float: left; text-align: center; border-bottom: 1px dotted #DDDDDD; margin-top: 15px;}
.sy_frsybt{height: 21px; line-height: 21px; background: #E4E4E4; color: #666666;}
.sy_frsybum{padding: 13px 0; font-size: 14px;}
.sy_frlist li:nth-child(even){float: right;}

/*扫码收银*/
.sy_sconbox{padding: 20px 20px 100px;}
.sy_sptop{background: white; border: 1px solid #DDDDDD; padding: 20px 45px;}
.sy_sptl{height: 50px; width: 8%; overflow: hidden; float: left; text-align: center; background: #1C73FD; color: white; border-top-left-radius:10px; border-bottom-left-radius:10px;}
.sy_sptl .iconfont{font-size: 35px; display: block; margin-top: 8px; *width: 35px; *height: 35px; *margin: 8px auto 0; *background: url(../img/soam2.png) no-repeat;}
.sy_sptsrk{width: 66%; height: 48px; line-height: 48px; font-size: 18px; padding: 0 10px; border: 1px solid #DDDDDD; background: #F0F0F0; border-top-right-radius:10px; border-bottom-right-radius:10px;}
.sy_sptbtn{width: 20%; border: 0; height: 50px; font-size: 20px; cursor: pointer; color: white; border-radius: 10px;}

.sy_spbtnbox{height: 60px; position: absolute; bottom: 0px; left: 0; right: 0; max-width: 960px; margin: 0 auto; background: white; border-top: 2px solid #DDDDDD;/* box-shadow: 0px 0px 5px #888888;*/}
.sy_spbl{width: 46%; float: left; line-height: 60px; font-size: 20px; padding: 0 2%;}
.sy_spbl span{color: #ff0000;}
.sy_spbl em{font-size: 25px;}
.sy_spbr{width: 50%; float: right;}
.sy_spbbtn{width: 50%; *float: left; *display: block; border: 0; height: 60px; color: white; font-size: 20px; cursor: pointer;} 

.sy_spcenter .layui-table{margin-bottom: 0;}
.sy_spcenter .layui-table td,.sy_spcenter .layui-table th{text-align: center; padding: 7px 5px; border-color: #DDDDDD;}
.sy_spcenter .layui-table thead tr{background: #E3E3E3;}

/*消费会员*/
.sy_xconbox{padding: 20px 20px 50px;}
.sy_xftop{background: white; border: 1px solid #DDDDDD; padding: 20px 0px;}
.sy_xftop .layui-form-item{margin-bottom: 0;}
.sy_xftop .layui-form-item .layui-inline{margin: 0;}
.sy_xftop .layui-form-label{font-size: 16px; width: auto!important; padding-left: 20px;}
.sy_xftop .layui-form-item .layui-input-inline{margin-right: 0; width: 140px;}
.sy_xftop .layui-input-block{margin-left: 100px; width: 120px;}
.sy_xftop .layui-form-mid{margin-left: 10px; *margin-left: 20px; font-size: 30px; *padding-top: 0px!important;}
.layui-input{font-size: 15px;}
.sy_xftop .layui-input-block .layui-input{text-align: center; padding-left: 0;}
.sy_xfbtn,.sy_jybtn{height: 38px; width: 140px; border-radius: 5px; cursor: pointer; background: #3285FF; color: white; font-size: 17px; border: 0; margin-left: 20px;}

/*经营报表*/
.sy_jybtn{width: 80px;}
.sy_xftop .green{background:#3285FF; margin-left: 10px; width: 100px;}
.sy_xftop .jingy_time .layui-input-block{margin-left: 70px;}

/*商品收银*/
/*.sy_pconbox{padding-top: 20px;}
.sy_proleft{width: 66%; float: left;}
.sy_prolbox{height: 530px; background: white; border: 1px solid #DDDDDD; border-left: 0;}
.sy_proright{width: 32%; height: 530px; float: right; background: white; border: 1px solid #DDDDDD; border-right: 0;}*/

.sy_pconbox{padding-top: 20px;}
.sy_pconbox>div{background: white; border: 1px solid #DDDDDD; height: 579px;}
.sy_pconbox .sy_proleft{width: 66%; float: left; border-left: 0;}
.sy_pconbox .sy_proright{width: 32%; float: right; border-right: 0; position: relative;}

.sy_pronav{height: 69px; border-bottom: 1px solid #DDDDDD; padding: 0 5px;}
.sy_pronav li{width: 13.6%; float: left; height: 69px;}
.sy_pronav li a{display: block; text-decoration: none; cursor: pointer; border-radius: 3px; font-size: 12px; margin: 15px 10px 0; height: 39px; line-height: 39px; text-align: center; background: #EEEEEE;}
.sy_pronav li a:hover,.sy_pronav .active a{background: #3285FF; color: white;}

.sy_prolist{display: block; padding: 20px 0 0px 18px;}
.sy_prolist li{width: 100px; float: left; margin-right: 19px; text-align: center;}
.sy_prolist li:hover{text-decoration: none!important;}
.sy_prolist li:hover div{color: #000000; text-decoration: none;}
.sy_prolist img{width: 100%; height: 103px;}
.sy_proimg{position: relative; *position: static;}
.propri{display: block; height: 30px; line-height: 30px; font-size: 14px; color: white; background: rgba(0,0,0,0.7); position: absolute; *position: static; *background: #000000; bottom: 0; left: 0; right: 0;}
.sy_pronam{line-height: 30px; font-size: 13px; padding-bottom: 5px;overflow:hidden; height: 30px;}
.sy_proleft #demo2{padding-left: 20px;}

.sy_prorb{position: absolute; bottom: 0; left: 0; right: 0;}
.sy_probtn{width: 50%; *width: 49.8%; *float: left; border: 0; height: 50px; color: white; font-size: 18px;}
.sy_prozj{height: 45px; line-height: 45px; color: #000000; border-top: 1px solid #DDDDDD; padding: 0 10px; text-align: right; font-size: 18px;}
.sy_prozj em{font-weight: bold; color: #FF0000;}
.sy_probt{border-bottom: 2px solid #23262E; padding-left: 15px; height: 40px; line-height: 40px; font-size: 16px;}
.sy_probt span{*float: left;}
.sy_probt em{font-weight: bold; color: #FF0000;}
.sy_proxlist{height: 440px; overflow-y: auto; padding-top: 1px;}
.sy_proxlist li{border-bottom: 1px solid #DDDDDD; height: 44px; display: table; *display: block; width: 100%;}
.sy_proxlist li>div{display: table-cell; *display: inline; *zoom: 1; vertical-align: middle; font-size: 13px;}
.sy_proxlist .projg{text-align: center; width: 80px;}
.sy_proxlist .pronum{padding-left: 5px; width: 104px;}
.sy_proxlist .pronam{padding-left: 10px; width: 120px; *line-height: 54px;}
.pronum span{display: block; float: left; cursor: pointer; font-size: 21px; width: 25px; height: 25px; line-height: 21px; border: 1px solid #DDDDDD; border-radius: 3px; background: #EEEEEE; text-align: center;}
.pronum input{width: 30px; height: 23px; float: left; text-align: center; margin: 0 5px;}

/*房台收银*/
.fant_list{padding: 10px 0 0 10px;}
.fant_list li{width: 18%; margin-right: 2%; margin-bottom: 7px; float: left; background: url(../img/ft03.jpg) repeat-y; background-size: 100% auto;}
.fantnambox{background: url(../img/ft01.jpg) no-repeat left top; background-size: 100% auto; height: 35px; padding: 0 10px;}
.fanttype{width: 18px; height: 18px; margin-top: 6px; text-align: center; display: block; float: right; line-height: 18px; color: white; font-size: 12px; background: url(../img/yuan.png) no-repeat; background-size: 100% 100%;}
.fantnam{font-size: 16px; color: #333333; float: left; line-height: 30px;}
.fantpri{font-size: 20px; text-align: center; height: 40px; line-height: 40px; padding:2px 0 4px; color: #F2F2F2;}
.fantnumbox{padding: 0 10px 12px; font-size: 12px; color: #999999; background: url(../img/ft02.jpg) no-repeat left bottom; background-size: 100% auto;}
.fantnum{float: right;}
.fanttime{float: left; display: none;}
.kait .fantnambox{background: url(../img/ft04.jpg) no-repeat left top; background-size: 100% auto;}
.kait .fanttype,.kaid .fanttype,.jiez .fanttype{color: #D6AA51; background: url(../img/yuan2.png) no-repeat left top; background-size: 100% 100%;}
.kait .fantnam,.kaid .fantnam,.jiez .fantnam{color: white;}
.kait .fantpri,.kaid .fantpri,.jiez .fantpri{color: #333333;}
.kait .fanttime,.kaid .fanttime,.jiez .fanttime{display: block;}
.fant_list .kait,.fant_list .kaid,.fant_list .jiez{background: url(../img/ft08.jpg) repeat-y; background-size: 100% auto;}
.kait .fantnumbox,.kaid .fantnumbox,.jiez .fantnumbox{background: url(../img/ft07.jpg) no-repeat left bottom; background-size: 100% auto;}
.kaid .fantnambox{background: url(../img/ft05.jpg) no-repeat left top; background-size: 100% auto;}
.kaid .fanttype{color: #16A5F1;}
.jiez .fantnambox{background: url(../img/ft06.jpg) no-repeat left top; background-size: 100% auto;}
.jiez .fanttype{color: #ED6855;}
.fant_list .active .fantnambox{background: url(../img/ft09.jpg) no-repeat left top; background-size: 100% auto;}
.fant_list .active{background: url(../img/ft10.jpg) repeat-y; background-size: 100% auto;}
.fant_list .active .fantnumbox{background: url(../img/ft11.jpg) no-repeat left bottom; background-size: 100% auto;}
.fant_list .kait.active .fantnumbox,.fant_list .kaid.active .fantnumbox,.fant_list .jiez.active .fantnumbox{background: url(../img/ft12.jpg) no-repeat left bottom; background-size: 100% auto;}
.fant_list .kait.active,.fant_list .kaid.active,.fant_list .jiez.active{background: url(../img/ft13.jpg) repeat-y; background-size: 100% auto;}
.fant_list .kait.active .fantnambox{background: url(../img/ft04.jpg) no-repeat left top; background-size: 100% auto;}
.fant_list .kaid.active .fantnambox{background: url(../img/ft05.jpg) no-repeat left top; background-size: 100% auto;}
.fant_list .jiez.active .fantnambox{background: url(../img/ft06.jpg) no-repeat left top; background-size: 100% auto;}
.fant_list .kait.active .fantnam,.fant_list .kaid.active .fantnam,.fant_list .jiez.active .fantnam{color: #FFFFFF;}
.fant_list .kait.active .fanttype,.fant_list .kaid.active .fanttype,.fant_list .jiez.active .fanttype{background: url(../img/yuan2.png) no-repeat left top; background-size: 100% 100%;}

.sy_ftgnlist{padding: 20px 0 10px 15px;}
.sy_ftgnlist li{width: 30%; height: 80px; line-height: 80px; text-align: center; color: white; font-size: 18px; margin-bottom: 15px; float: left; margin-right: 3%; background: url(../img/gnbac.jpg) no-repeat; background-size: 100% 100%;}

.line{height: 10px; background: #F2F2F2; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;}
.ftztlist{padding: 20px 0 0 15px;}
.ftztlist li{display: block; width: 47%; float: left; margin-bottom: 15px; font-size: 14px; margin-right: 3%; text-align: center; height: 60px; line-height: 60px; background: url(../img/ftztbac.jpg) no-repeat; background-size: 100% 100%;}

.sy_ftgnbtn{height: 45px; border-top: 1px solid #DDDDDD; padding-left: 3%;}
.sy_ftgnbtn span{display: inline-block; float: left; border: 1px solid #DDDDDD; background: #EEEEEE; width: 22%; margin-right: 2%; height: 30px; line-height: 30px; text-align: center; border-radius: 3px; margin-top: 7px; font-size: 14px; color: #000000; cursor: pointer;}

.no_style{text-align: center; padding-top: 30px; font-size: 18px;}
.no_style .nr{margin-top: 15px;color:#e58a4b;}
/*付款成功*/
.sy_fukcc{background: white; height: 100%; padding: 80px 0 0 200px;}
.sy_fukbt{margin-bottom: 40px;}
.sy_fukbt span{display: inline-block; color: #000000; vertical-align: middle; font-size: 18px; font-weight: bold;}
.sy_fukbt .iconfont{font-size: 50px; line-height: normal; color: #268026; margin-right: 10px; font-weight: normal;}
.sy_syglj{font-size: 16px; color: #333333; padding: 0 0 0 65px; line-height: 30px;}
.sy_syglj i{display: inline-block; width: 5px; height: 5px; background: #999999; vertical-align: middle; margin-right: 5px;}
.sy_fukbt em{color: #FF0000; font-size: 30px; margin: 0 10px;}
.sy_syglj em{color: #FC9400; font-size: 18px; margin-left: 10px;}
.sy_fukb{padding: 15px 0 0 65px; font-size: 14px;}
.sy_fukb a{color: #007AFF;}
.sy_fukb .sy_fukbtn{width: 120px; display: inline-block; height: 40px; line-height: 40px; text-align: center; margin-right: 15px; background: #FC9300; border-radius: 3px; color: white; font-size: 16px; border: 1px solid #EB7F00;}
.sy_fukb a:hover{text-decoration: none; cursor: pointer;}

/*更新弹出*/
#errormsg{background: white; max-width: 300px; position: absolute; bottom: 45px; right: 5px; padding: 15px 0 10px; border-radius: 5px; border: 1px solid #DDDDDD; box-shadow: 0 0 5px 0px #999999;}
#errormsg p{line-height: normal; font-size: 14px; color: #333333; padding: 0 15px 7px;}
#errormsg .bt{ font-size: 17px; color: #999999;}
#errormsg .btn{width: 100%; border-top: 1px solid #DDDDDD; display: block; text-align: center; padding-top: 10px; margin-top: 5px; font-size: 17px; color: #666666;}
#errormsg a:hover{text-decoration: none;}









